<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<header>
			<hgroup>
				<h1>header</h1>
				<h2>header的副标题</h2>
			</hgroup>
		</header>
		<!--			
		独立的区域就用section
		注意这里的h1，因为是section中的h1，会被自动降级。
		看起来像是header的下一级内容
		
		所有的h2副标题，都被看成是不重要的，将不显示。
		
		这种写法对搜索引擎友好
		SEO优化基本上用这个。
		-->
		<section>
			<header>
				<hgroup>
					<h1>有标题的都用header和hgroup</h1>
					<h2>独立的区域就用section</h2>
				</hgroup>
			</header>
		</section>
		<footer>
			<header>
				<hgroup>
					<h1>footer</h1>
					<h2>footer的副标题</h2>
				</hgroup>
			</header>
		</footer>
	</body>

</html>